<template>
  <div id="formContainer" style="height: 100%">
    <component v-bind:is="currentView" ref="component"></component>
  </div>
</template>

<script>
  import baseColumnDefView from "@/api/portal/core/baseColumnDefView";

  export default {
    name:"portal-layoutview",
    mixins:[baseColumnDefView],
  }
</script>
<style lang="less" scoped>
  .extra-wrapper {
    line-height: 55px;
    padding-right: 24px;

    .extra-item {
      display: inline-block;
      margin-right: 24px;

      a {
        margin-left: 24px;
      }
    }
  }

  .antd-pro-pages-dashboard-analysis-twoColLayout {
    position: relative;
    display: block;
    flex-flow: row wrap;

    &.desktop div[class^=ant-col]:last-child {
      position: absolute;
      right: 0;
      height: 100%;
    }
  }

  .antd-pro-pages-dashboard-analysis-salesCard {
    height: calc(100% - 24px);
    /deep/ .ant-card-head {
      position: relative;
    }
  }

  .dashboard-analysis-iconGroup {
    i {
      margin-left: 16px;
      color: rgba(0,0,0,.45);
      cursor: pointer;
      transition: color .32s;
      color: black;
    }
  }
  .analysis-salesTypeRadio {
    position: absolute;
    right: 54px;
    bottom: 12px;
  }

</style>

<style src="@/css/portal/portalLayoutView.css"/>
<style src="@/css/portal/NewLayoutView.css"/>
